<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	  	{% load static %}
	    <title>{% block title %}Test{% endblock %}</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <!-- Bootstrap -->
		<link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}" media="screen" />
		<link rel="stylesheet" href="{% static 'css/style.css' %}" media="screen" />
		<!-- Custom styles for this template -->
    	<link href="{% static 'css/carousel.css' %}" rel="stylesheet">
	</head>
	<body>
	<!-- NAVBAR
	================================================== -->
	  <body>
	    <div class="navbar-wrapper">
	      <div class="container">
	
	       <!-- <div class="navbar navbar-inverse navbar-static-top">-->
	       <div class="navbar navbar-inverse navbar-fixed-top">
	          <div class="container">
	            <div class="navbar-header">
	              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	              </button>
	              <a class="navbar-brand" href="{% url 'home' %}">ShareThings</a>
	            </div>
	            <div class="navbar-collapse collapse">
	              <ul class="nav navbar-nav">
	                <li class="active"><a href="{% url 'new-article' %}">Contribuez</a></li>
	              </ul>
	            </div>
	          </div>
	        </div>

	      </div>
	    </div>
		
	<!-- --------------------------------------------------------------------------------------- -->
	<div id="container">
		{% block content %}{% endblock %}
	</div>

	<!-- --------------------------------------------------------------------------------------- -->
	
	<div class="row">
		<div class="col-md-2 col-md-offset-1"><h6>Comment ca marche?</h6></div>
	  	<div class="col-md-2 col-md-offset-2"><h6>Inviter un ami</h6></div>
	  	<div class="col-md-2 col-md-offset-1"><h6>FAQ</h6></div>
	</div>
	<div class="row>"></div>
	<div class="row">
		<div class="col-md-2 col-md-offset-1"><h6>Conditions d utilsation</h6></div>
	  	<div class="col-md-2 col-md-offset-2"><h6>Mentions legales</h6></div>
	  	<div class="col-md-2 col-md-offset-1"><h6>Rejoignez-nous</h6></div>
	</div>	
	<div id="footer">
	{% block footer %}{% endblock %}
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="//code.jquery.com/jquery.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script> 
	</div>
	<!-- --------------------------------------------------------------------------------------- -->
	</body>
</html>